.loginContent{
    height: 100vh;
    display: flex;
    flex-direction: row;  /* 子元素横向排列 */
    justify-content: center; /* 相对父元素水平居中 */
    align-items: center; /*  子元素相对父元素垂直居中 */
    //---
    //background-color: rgb(207, 216, 220);
    //background-image: linear-gradient(135deg, rgb(82, 229, 231) 10%, rgb(19, 12, 183) 100%);
    //---
    background-image: linear-gradient(-110deg, rgba(170, 0, 170, 0) 30%, rgba(0, 0, 0, 0) 30%), url(https://assets.gitee.com/assets/sessions/bg-right.png);
    //这种略写写法检测不合格 background:linear-gradient(-110deg, #a0a0 30%, rgba(0, 0, 0, 0) 30%),url('https://assets.gitee.com/assets/sessions/bg-right.png');
    right: 0;
    background-position: right bottom;
    background-repeat: no-repeat;
    background-color: white;
    //---
}

.loginMain{
    //padding: 40px 35px 68px 35px;
    //display: inline-block;
    box-shadow: 0 12px 24px 0 rgba(28,31,33,.1);
    //border-radius: 12px;
    //transition: all .2s;
    //-webkit-transition: all .2s;
    //-moz-transition: all .2s;
    //-o-transition: all .2s;
    //background-color: white;
    //padding: 40px 35px 68px 35px;
    display: inline-block;
    border-radius: 12px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    background-color: white;
    position: relative;
    //-webkit-box-shadow: 0px 20px 80px 0px rgba(0,0,0,0.3);
    //box-shadow: 0px 20px 80px 0px rgba(0,0,0,0.3);
    //--
    color: #fff;
    padding: 80px 80px 48px;
    //--弧型渐变
    //background: linear-gradient(110deg, #2196f34d 40%, rgba(0, 0, 0, 0.1) 40%), radial-gradient(farthest-corner at 0% 0%, #7a00cc 60%, #607D8B 60%);
    //---在渐变后定义背景颜色
    //background:linear-gradient(-110deg,#a0a 30%,rgba(0,0,0,0) 30%),url('https://www.nasa.gov/sites/default/files/thumbnails/image/pia21421-cr.jpg');
    //background-size:cover;
    //background-position:top left;
    //---多个色块
    //background: -webkit-linear-gradient(110deg, #000 33%, rgba(0,0,0,0) 33%), -webkit-linear-gradient(110deg, #dd0000 66%, #ffc608 66%);
    //-- 颜色块渐变
    //background:linear-gradient(30deg,#00d 60%,#0aa 60%);
    //--背景
    //background: url(https://assets.gitee.com/assets/sessions/left-1.png) no-repeat 0 0;

}

.loginFormCol{
    height: auto;
    display: inline-block;

    .loginForm{
        width:360px;
        height:auto;
        margin:0 auto;

        .loginBtn{
            width: 100%;
            margin-top: 10px;
            font-size: 16px;
            font-weight: 600;
            color: #fff;
            cursor: pointer;
            height: 45px;
            text-align: center;
            border: none;
            background-size: 300% 100%;
            border-radius: 50px;
            transition: all 0.4s ease-in-out;
            //--
            background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);
            box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75);

            &:hover {
                background-position: 100% 0;
                -o-transition: all .4s ease-in-out;
                -webkit-transition: all .4s ease-in-out;
                transition: all .4s ease-in-out;
            }
            &:focus {
                outline: none;
            }
        }

        .loginTitle{
            padding: 10px 0;
            .titleText{
                padding: 0;
                display: inline-block;
                color: #505e77;
                font-size: 1.714rem;
                font-weight: bold;
            }
            .titleReturnIndex{
                padding: 0;
                margin: 0 8px;
            }
        }

        .userInput{
            padding: 0;
            margin: 5px 0;
            //---
            :global {

                /* eslint-disable */
                input{
                    height: 40px;
                    line-height: 1.5;
                }
                /* eslint-disable */

            }

        }

    }
}
